<template>
	<view class="uni-stat--x flex" style="height: 80px;width: 95%;padding-left: 5%;">
		<view class="decoration"></view>
		<text class="Main-text" style="position: relative;left: 30%;top: 15%;">设备总数</text>
		<text class="Data_text" style="position: relative;left: 10%;top: 50%;">9</text>
	</view>


</template>

<script>
</script>

<style lang="scss" scoped>
	$uni-success: #f5bf4f !default;
	.uni-stat--x {
		border-radius: 10px;
		border-color: #99a9bf;
		background-color: #ffffff;
		margin-bottom: 15px;
	}

	.dark_deep {
		background-color: #99a9bf;
	}

	.decoration {
		width: 9px;
		height: 9px;
		margin-right: 4px;
		border-radius: 50%;
		background-color: #f5bf4f;
		top: 20%;
		left: 10%;
		transform: translate(-50%, -50%);
		position: relative;
	}

	.demo-uni-row {
		margin-bottom: 0px;
		// 组件在小程序端display为inline
		// QQ、抖音小程序文档写有 :host，但实测不生效
		// 百度小程序没有 :host
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
		display: block;
		/* #endif */
	}

	.demo-uni-col {
		height: 20px;
		border-radius: 5px;
	}
	.Main-text{
		font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
		font-size: 12px;
		margin-top: 5px;
		color:  #909399;
	}
	.Data_text{
		font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
		font-size: 20px;
		margin-top: 0px;
		color: #3a3a3a;
	}
</style>